1 00:00:00,630 --> 00:00:01,910 Hello and welcome. 2 00:00:01,980 --> 00:00:11,200 In this video we are going to create a directory for the project and also the hastier Mel. 3 00:00:11,250 --> 00:00:19,290 I'm going to create a directory on my desktop maiah right clicking on the desktop and go into a new 4 00:00:19,470 --> 00:00:25,030 folder and call it high converter 5 00:00:28,770 --> 00:00:31,590 so you can call yours anything you like. 6 00:00:31,590 --> 00:00:35,450 I just want to change that to lower case. 7 00:00:35,460 --> 00:00:39,840 I'll call it high it can move. 8 00:00:40,440 --> 00:00:47,900 So the projects they're creating sort it next thing want to do is create the hastier mail file. 9 00:00:48,150 --> 00:00:51,960 So I'm using sublime text has my editor. 10 00:00:52,170 --> 00:00:58,100 So I'm just can save this file as an eight year old file coincided directory. 11 00:00:58,110 --> 00:01:08,800 We just created So our go to a file an hour to save as had it opens up inside the directory. 12 00:01:09,090 --> 00:01:11,940 I'm just going to give it a name. 13 00:01:11,970 --> 00:01:22,370 I'm going to call it hey convert are hey standing for it. 14 00:01:22,440 --> 00:01:27,880 So of course we try to convert out host to help. 15 00:01:27,990 --> 00:01:30,250 So I've abbreviated the. 16 00:01:30,380 --> 00:01:34,250 Just we just the first letter we conceive. 17 00:01:34,440 --> 00:01:40,060 So you can see on the bottom right is go to air mail so you can see the name. 18 00:01:40,100 --> 00:01:42,630 Also called here converter dot. 19 00:01:42,660 --> 00:01:43,960 It's TMI. 20 00:01:44,160 --> 00:01:50,730 So any team of content out here will be treated as his team. 21 00:01:51,060 --> 00:01:55,860 So the tumults tanks I've already pre stage. 22 00:01:55,930 --> 00:01:58,980 I'm just going at them one explain. 23 00:01:59,070 --> 00:02:00,210 Line by line. 24 00:02:00,420 --> 00:02:07,620 So I have had the hastier male code I'm just kind of run through it line by line. 25 00:02:07,930 --> 00:02:11,570 Line one here is what it's called the doctype. 26 00:02:11,820 --> 00:02:13,050 So here's a first. 27 00:02:13,050 --> 00:02:16,490 Tag who plays hastier mail file. 28 00:02:16,660 --> 00:02:20,270 Basically is actually part of the hastier million document. 29 00:02:20,330 --> 00:02:32,040 It's declaration to notify web browsers that the content of the document is in hastier 5 so the actual 30 00:02:32,400 --> 00:02:38,350 email content is from line 2 to line 20 feet. 31 00:02:38,440 --> 00:02:41,480 So the beginning has to email and line too. 32 00:02:41,700 --> 00:02:53,370 And we've got the head tag which is on line 3 2 7 inside a tag line for We've got the title of the document 33 00:02:53,610 --> 00:02:57,630 which is called How to convert line 5. 34 00:02:57,630 --> 00:03:02,130 I've got a link to an external style sheet. 35 00:03:02,130 --> 00:03:06,120 How will we be using for the converter tool. 36 00:03:06,810 --> 00:03:15,070 I have called the stylesheet cordy's here compared to doxies says I have not created it yet. 37 00:03:15,330 --> 00:03:20,550 When I do it will be called a converter csx. 38 00:03:20,850 --> 00:03:24,140 So these are just the attribute related to the link. 39 00:03:24,150 --> 00:03:33,960 So the reality is clean means it's a style sheet type text I see says Hey Trev physically means the 40 00:03:33,990 --> 00:03:38,080 location to pick up this tool shed from. 41 00:03:38,220 --> 00:03:41,410 Since we have in all our files in the same direction. 42 00:03:41,630 --> 00:03:45,180 All I need to do is just indicate the name of the father. 43 00:03:45,300 --> 00:03:50,680 So this will be the name of a file when I create it later. 44 00:03:50,700 --> 00:03:56,460 Here is the closing tank for the head section. 45 00:03:56,610 --> 00:04:02,460 The body tag begins on line 9 and end on line 27. 46 00:04:02,470 --> 00:04:13,290 The actual visible content for the application had a projet is actually within the body tax line 11. 47 00:04:13,440 --> 00:04:18,730 I have created a deep here and given it and I actually put off container. 48 00:04:18,900 --> 00:04:28,020 So basically I am wrapping the content inside a deep a deep physically section within a web page. 49 00:04:28,030 --> 00:04:34,140 So if your section in love is set in here is known as a D. 50 00:04:34,470 --> 00:04:37,150 So this is the issue for. 51 00:04:37,700 --> 00:04:39,470 An insider. 52 00:04:39,540 --> 00:04:41,790 I've got an Hey one element. 53 00:04:41,890 --> 00:04:50,760 So this element basically formed the title for the Deve container for the actual content inside it. 54 00:04:50,790 --> 00:04:59,050 So I'm going to give you the title code height converter here inkwells discount like a police label. 55 00:04:59,340 --> 00:04:59,770 This is it. 56 00:04:59,940 --> 00:05:08,830 Next now we just say feet and then next to it will be this put here to have an input tag where you actually 57 00:05:08,830 --> 00:05:15,460 will input the value in it and the type is a text. 58 00:05:16,050 --> 00:05:24,880 I've given it an I value all feet and got a great tag here which means it'll give you give us space 59 00:05:26,240 --> 00:05:29,170 before he makes this break. 60 00:05:29,200 --> 00:05:33,030 Basically acts like a paragraph here on May 15. 61 00:05:33,140 --> 00:05:35,580 Got another label called inches. 62 00:05:35,780 --> 00:05:38,770 And after that I have an import type. 63 00:05:38,770 --> 00:05:42,440 This is where you put the value in inches. 64 00:05:42,730 --> 00:05:47,320 And again is the type of input is going to be text. 65 00:05:47,350 --> 00:05:50,040 The idea is to be inches. 66 00:05:50,230 --> 00:05:51,820 That is I've use teicher. 67 00:05:51,970 --> 00:05:52,630 I could have used. 68 00:05:52,640 --> 00:06:00,150 No but you know it does really matter how you use Tex saw the value of the 80s increase again and get 69 00:06:00,160 --> 00:06:07,400 a break tackier after the attack and are put under type is going to be a submit button. 70 00:06:07,500 --> 00:06:08,460 Okay. 71 00:06:09,010 --> 00:06:15,700 Inside there I am giving it an idea of Submit the value of the text is see. 72 00:06:15,730 --> 00:06:21,160 Convert to centimetre and I've got a break here. 73 00:06:21,160 --> 00:06:25,480 Just create some space in here on line 19. 74 00:06:25,820 --> 00:06:29,890 D is the value of result. 75 00:06:29,890 --> 00:06:33,250 This is where the part of the calculation. 76 00:06:33,250 --> 00:06:40,540 Once the conversion has been made from the sheet and inches into a centimetre it will be displayed inside 77 00:06:40,550 --> 00:06:43,360 is TV here and then 22. 78 00:06:43,360 --> 00:06:50,620 This is the close line 25 is a reference to the external javascript. 79 00:06:50,620 --> 00:06:59,260 I will be using sro as he busily stands for source which means we am get in the files from because the 80 00:06:59,260 --> 00:07:04,420 file is going to be located in the same territory as the Haitians here mounseer says. 81 00:07:04,420 --> 00:07:06,930 All I need to do is keep the name. 82 00:07:06,980 --> 00:07:08,350 I'm going to call it. 83 00:07:08,510 --> 00:07:09,370 Convert. 84 00:07:09,500 --> 00:07:10,700 Has. 85 00:07:10,890 --> 00:07:12,490 I have not created a yet. 86 00:07:12,520 --> 00:07:18,280 Or when I do quit the javascript file and call it a converter. 87 00:07:18,550 --> 00:07:27,980 Yes and this is a close in script and that's a close embodied tag online 27 28 is a closing hastier 88 00:07:28,030 --> 00:07:29,230 mail tack. 89 00:07:29,440 --> 00:07:36,380 I'm just going to save this document we save all and we can quickly run it and see what it looks like. 90 00:07:36,620 --> 00:07:42,770 So open up the directory here and just double click on the hitch converter. 91 00:07:42,780 --> 00:07:47,320 Go ahead to email far and we can see what happens here. 92 00:07:47,410 --> 00:07:51,230 So this is basically the hit on title tag. 93 00:07:51,370 --> 00:07:55,580 The feet into is that these sub but. 94 00:07:55,900 --> 00:08:02,320 So we're going to use he says to make it look a bit more presentable in the next leg chair so that's 95 00:08:02,320 --> 00:08:02,740 it. 96 00:08:02,740 --> 00:08:03,850 Thanks for watching. 97 00:08:03,850 --> 00:08:04,640 Bye for now.